/* Grade House Spec Sheet — a manila tech-pack sheet with a punched hole and a
 * cut corner: two numbered columns (what to send, what you receive). */
.gh.sheetw { padding-top: 0; }
/* lines up with the story column beside the pattern-piece index (230px + gap) */
.gh .sheetw__card { --sheet-rule: var(--gh-ink); --sheet-num: var(--gh-blue); position: relative; max-width: calc(100% - 230px - clamp(32px, 5vw, 80px)); margin-left: auto; background: var(--gh-card-2); clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%); }
.gh .sheetw__head { position: relative; display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 20px; padding: 34px 56px 22px 78px; border-bottom: 1.5px solid var(--sheet-rule); }
.gh .sheetw__hole { position: absolute; left: 32px; top: 40px; width: 20px; height: 20px; border-radius: 50%; background: var(--gh-paper); box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3); }
.gh.sheetw.tone-card .sheetw__hole { background: var(--gh-card-2); }
.gh .sheetw__t { font: 600 clamp(28px, 2.6vw, 40px)/1.05 var(--gh-head); letter-spacing: var(--gh-track); color: var(--gh-ink); }
.gh .sheetw__meta { font-size: 14px; color: #6E6450; }
.gh .sheetw__cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.gh .sheetw__col { padding: 28px 44px 36px; }
.gh .sheetw__col + .sheetw__col { border-left: 1.5px solid var(--sheet-rule); }
.gh .sheetw__ch { margin-bottom: 14px; font: 600 15px/1.3 var(--gh-sans); color: #6E6450; }
.gh .sheetw__card ol { display: grid; margin: 0; padding: 0; list-style: none; counter-reset: sheet; }
.gh .sheetw__card li { counter-increment: sheet; display: flex; gap: 16px; padding: 11px 0; border-bottom: 1px dashed rgba(63, 53, 34, .35); font-weight: 500; color: var(--gh-ink); line-height: 1.4; }
.gh .sheetw__card li::before { content: counter(sheet, decimal-leading-zero); flex: none; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--sheet-num); }
.gh .sheetw__note { margin-top: 16px; font-size: 14.5px; color: #5E5440; }

@media (max-width: 1024px) {
	.gh .sheetw__card { max-width: none; }
}
@media (max-width: 767px) {
	.gh .sheetw__card { clip-path: polygon(0 0, calc(100% - 26px) 0, 100% 26px, 100% 100%, 0 100%); }
	.gh .sheetw__head { padding: 30px 22px 18px 58px; }
	.gh .sheetw__hole { left: 22px; top: 36px; }
	.gh .sheetw__col { padding: 22px; }
	.gh .sheetw__col + .sheetw__col { border-left: 0; border-top: 1.5px dashed var(--sheet-rule); }
}