/* Business 16 · Matchday Live Journal V2 — MATCHDAY → FOCUS → FLOW → MOMENTS → WRAP */
:root{--md-black:#07100c;--md-deep:#0e1d15;--md-field:#1e6a45;--md-lime:#c8ee76;--md-yellow:#f4c95d;--md-white:#f2f4ed;--md-red:#ef665a;--md-muted:#83948a;--md-line:rgba(242,244,237,.15);--md-display:"Arial Narrow","Aptos Display","Noto Sans KR","Malgun Gothic",sans-serif;--md-ui:"Pretendard","SUIT","Noto Sans KR","Malgun Gothic","Segoe UI",sans-serif}*{box-sizing:border-box}html{background:var(--md-black);scroll-behavior:smooth}body{margin:0;background:var(--md-black);color:var(--md-white);font-family:var(--md-ui);font-synthesis:none;-webkit-font-smoothing:antialiased}a{color:inherit}.md-shell{min-height:100svh;background:radial-gradient(circle at 72% 18%,rgba(200,238,118,.08),transparent 24%),var(--md-black)}.md-topbar{position:sticky;top:0;z-index:90;display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;min-height:68px;padding:.7rem clamp(1rem,3vw,3.2rem);background:rgba(7,16,12,.9);border-bottom:1px solid var(--md-line);backdrop-filter:blur(18px)}.md-brand{display:flex;align-items:center;gap:.7rem;text-decoration:none}.md-mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--md-lime);border-radius:50%;color:var(--md-lime);font-size:.58rem;font-weight:900}.md-brand strong{display:block;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase}.md-brand small{display:block;margin-top:.17rem;color:#87958d;font-size:.61rem}.md-nav{display:flex;align-items:center;gap:.16rem}.md-nav a{display:inline-flex;align-items:center;min-height:34px;padding:.45rem .68rem;border:1px solid transparent;border-radius:999px;text-decoration:none;color:#8b9990;font-size:.66rem;font-weight:800}.md-nav a:hover,.md-nav a:focus-visible,.md-nav a[aria-current="page"]{color:#fff;background:rgba(255,255,255,.06)}.md-nav .is-guide{border-color:rgba(200,238,118,.38);color:var(--md-lime);background:rgba(200,238,118,.06)}
.md-hero{min-height:calc(100svh - 68px);display:grid;grid-template-columns:minmax(0,.92fr) minmax(470px,1.08fr);border-bottom:1px solid var(--md-line)}.md-copy{align-self:end;padding:clamp(4rem,9vh,7rem) clamp(1rem,5vw,5rem) 3.4rem}.md-kicker{margin:0 0 .85rem;color:var(--md-lime);font-size:.6rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.md-copy h1{margin:0;max-width:9ch;font:900 clamp(4.7rem,9.5vw,10rem)/.78 var(--md-display);letter-spacing:-.075em;text-transform:uppercase}.md-copy h1 span{display:block;color:var(--md-yellow)}.md-copy>p:not(.md-kicker){max-width:620px;margin:1.5rem 0 0;color:#91a097;line-height:1.72;word-break:keep-all}.md-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:2rem}.md-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.72rem 1rem;border:1px solid var(--md-line);background:transparent;color:#fff;text-decoration:none;font:850 .7rem var(--md-ui);cursor:pointer}.md-btn.primary{background:var(--md-lime);border-color:var(--md-lime);color:#10160b}
.md-stadium{position:relative;min-height:650px;overflow:hidden;border-left:1px solid var(--md-line);background:radial-gradient(ellipse at 50% 92%,#2e875c 0 31%,#153f2d 32% 43%,#0b1912 44% 100%)}.md-stadium::before{content:"";position:absolute;left:8%;right:8%;top:12%;height:52%;border:1px solid rgba(242,244,237,.14);border-radius:50% 50% 8% 8%;box-shadow:0 0 0 28px rgba(255,255,255,.025),0 0 0 55px rgba(255,255,255,.018)}.md-pitch{position:absolute;left:21%;right:21%;bottom:8%;height:37%;border:1px solid rgba(255,255,255,.35);background:repeating-linear-gradient(90deg,#2f8158 0 11%,#2a764f 11% 22%);transform:perspective(520px) rotateX(54deg);transform-origin:bottom center;box-shadow:0 0 45px rgba(47,129,88,.35)}.md-pitch::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(255,255,255,.4)}.md-pitch::after{content:"";position:absolute;left:50%;top:50%;width:72px;height:72px;border:1px solid rgba(255,255,255,.4);border-radius:50%;transform:translate(-50%,-50%)}.md-score{position:absolute;left:1rem;top:1rem;padding:.8rem 1rem;border:1px solid var(--md-line);background:rgba(7,16,12,.75);backdrop-filter:blur(10px)}.md-score small{display:block;color:var(--md-lime);font-size:.57rem;letter-spacing:.11em}.md-score strong{display:block;margin-top:.35rem;font:900 2.4rem/1 var(--md-display);letter-spacing:-.04em}.md-moment-flag{position:absolute;right:9%;top:31%;padding:.65rem .8rem;background:var(--md-yellow);color:#15130a;font-size:.6rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;transform:rotate(-3deg)}.md-crowd{position:absolute;left:10%;right:10%;top:20%;height:120px;background:repeating-linear-gradient(90deg,transparent 0 9px,rgba(244,201,93,.35) 9px 12px,transparent 12px 20px);mask-image:linear-gradient(transparent,#000 35%,#000 70%,transparent)}.md-stadium-label{position:absolute;right:1rem;bottom:1rem;color:#6f7f75;font-size:.57rem;letter-spacing:.13em;text-transform:uppercase}
.md-index{max-width:1500px;margin:auto;padding:clamp(4rem,8vw,8rem) clamp(1rem,5vw,5rem)}.md-index-head{display:grid;grid-template-columns:1fr minmax(280px,.45fr);gap:3rem;align-items:end;margin-bottom:2.5rem}.md-index h2{margin:.2rem 0 0;max-width:10ch;font:900 clamp(3.8rem,7.4vw,8rem)/.8 var(--md-display);letter-spacing:-.07em;text-transform:uppercase}.md-index-head>p{margin:0;color:#91a097;line-height:1.7}.md-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--md-line)}.md-step{min-height:230px;padding:1.2rem;background:#0c1912;display:flex;flex-direction:column;justify-content:space-between}.md-step:nth-child(2n){background:#102019}.md-step span{color:var(--md-yellow);font-size:.57rem;letter-spacing:.12em}.md-step strong{font:900 clamp(1.5rem,2.4vw,2.7rem)/.92 var(--md-display);letter-spacing:-.05em;text-transform:uppercase}.md-step p{color:#8d9a91;font-size:.76rem;line-height:1.5}.md-footer{display:flex;justify-content:space-between;padding:1rem clamp(1rem,3vw,3rem);border-top:1px solid var(--md-line);color:#68786e;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase}
/* Matchday workspace */.md-work{min-height:calc(100svh - 68px);display:grid;grid-template-columns:240px minmax(0,1fr) 320px;background:var(--md-black)}.md-rail,.md-side{padding:1.2rem;background:#0a1610}.md-rail{border-right:1px solid var(--md-line)}.md-side{border-left:1px solid var(--md-line)}.md-label{margin:0 0 .7rem;color:var(--md-lime);font-size:.57rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.md-team{width:100%;text-align:left;padding:1rem .1rem;border:0;border-top:1px solid var(--md-line);background:transparent;color:#89988e;font:750 .74rem/1.4 var(--md-ui);cursor:pointer}.md-team[aria-pressed="true"]{color:#fff}.md-team[aria-pressed="true"]::before{content:"●";margin-right:.4rem;color:var(--md-lime)}.md-main{padding:clamp(1.2rem,4vw,4rem);background:radial-gradient(circle at 70% 16%,rgba(200,238,118,.06),transparent 20%),#08110d}.md-main h1{margin:.3rem 0 1.6rem;font:900 clamp(3.5rem,7vw,7.6rem)/.8 var(--md-display);letter-spacing:-.07em;text-transform:uppercase}.md-match-card{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:1.3rem;border:1px solid var(--md-line);background:#0d1b14}.md-match-card .home{text-align:right}.md-match-card strong{font-size:1.2rem}.md-match-card .score{font:900 3rem var(--md-display);color:var(--md-yellow)}.md-flow{margin-top:1rem;border-top:1px solid var(--md-line)}.md-event{display:grid;grid-template-columns:70px 1fr auto;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--md-line)}.md-event>strong{font:900 1.8rem var(--md-display)}.md-event h2{margin:0 0 .25rem;font-size:1rem}.md-event small{color:#7e8e84}.md-event button{min-height:38px;padding:.55rem .7rem;border:1px solid var(--md-line);background:transparent;color:#fff;font:800 .66rem var(--md-ui);cursor:pointer}.md-event button.saved{background:var(--md-yellow);border-color:var(--md-yellow);color:#17130a}.md-side h2{margin:.2rem 0 1rem;font-size:1.4rem}.md-saved{display:grid;gap:.55rem}.md-saved-card{padding:.8rem;border:1px solid var(--md-line);background:#0d1a13}.md-saved-card strong{display:block;color:var(--md-yellow);font-size:.7rem}.md-saved-card p{margin:.35rem 0 0;color:#8d9a91;font-size:.68rem;line-height:1.5}.md-work-actions{display:grid;gap:.55rem;margin-top:1.2rem}.md-work-actions button{min-height:42px;border:1px solid var(--md-line);background:transparent;color:#fff;font:800 .68rem var(--md-ui);cursor:pointer}.md-work-actions .primary{background:var(--md-lime);border-color:var(--md-lime);color:#0c1509}.md-status{min-height:40px;margin-top:.8rem;color:var(--md-yellow);font-size:.67rem;line-height:1.45}
/* Guide */.md-guide-hero{min-height:68svh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);border-bottom:1px solid var(--md-line)}.md-guide-copy{align-self:end;padding:clamp(4rem,9vw,8rem) clamp(1rem,5vw,5rem)}.md-guide-copy h1{margin:.4rem 0 1.2rem;max-width:10ch;font:900 clamp(4rem,8vw,8.6rem)/.8 var(--md-display);letter-spacing:-.07em;text-transform:uppercase}.md-guide-copy h1 em{display:block;font-style:normal;color:var(--md-yellow)}.md-guide-copy p{max-width:650px;color:#91a097;line-height:1.75}.md-guide-ledger{padding:clamp(5rem,9vw,8rem) clamp(1.2rem,4vw,4rem);background:linear-gradient(145deg,#0d1a13,#173221)}.md-guide-ledger div{display:grid;grid-template-columns:2rem 1fr auto;gap:.8rem;padding:1rem 0;border-top:1px solid var(--md-line)}.md-guide-ledger span{color:var(--md-lime);font-size:.6rem}.md-guide-ledger strong{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}.md-guide-ledger small{color:#87968d}.md-guide-steps{background:#f1f0ea;color:#121713;padding:0 clamp(1rem,5vw,5rem)}.md-guide-step{max-width:1500px;margin:auto;display:grid;grid-template-columns:5rem minmax(0,1fr) minmax(260px,.56fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;padding:clamp(3.5rem,6vw,6rem) 0;border-bottom:1px solid rgba(18,23,19,.15)}.md-guide-step>span{align-self:start;color:#6a8b28;font-size:3.5rem;font-weight:900}.md-guide-step h2{margin:.4rem 0 .9rem;max-width:13ch;font:900 clamp(2.2rem,4vw,4.5rem)/.94 var(--md-display);letter-spacing:-.05em;text-transform:uppercase}.md-guide-step p{max-width:650px;color:#586159;line-height:1.7}.md-guide-card{min-height:185px;padding:1.15rem;border:1px solid rgba(18,23,19,.15);background:white;display:flex;flex-direction:column;justify-content:space-between}.md-guide-card small{font-size:.58rem;letter-spacing:.1em;color:#747d76}.md-guide-card strong{font:900 clamp(1.5rem,2.5vw,2.8rem)/.96 var(--md-display);letter-spacing:-.04em;text-transform:uppercase}.md-guide-card b{color:#597326;font-size:.64rem}.md-guide-finish{padding:clamp(4rem,8vw,8rem) clamp(1rem,5vw,5rem);background:var(--md-black)}.md-guide-finish h2{max-width:11ch;margin:.4rem 0 1rem;font:900 clamp(3.2rem,6.5vw,7rem)/.82 var(--md-display);letter-spacing:-.065em;text-transform:uppercase}.md-guide-finish p{max-width:680px;color:#91a097;line-height:1.7}
@media(max-width:980px){.md-hero,.md-guide-hero{grid-template-columns:1fr}.md-stadium{min-height:560px;border-left:0;border-top:1px solid var(--md-line)}.md-index-head{grid-template-columns:1fr}.md-steps{grid-template-columns:1fr 1fr}.md-work{grid-template-columns:220px minmax(0,1fr)}.md-side{grid-column:1/-1;border-left:0;border-top:1px solid var(--md-line)}.md-guide-step{grid-template-columns:4rem 1fr}.md-guide-step>.md-guide-card{grid-column:2}}
@media(max-width:620px){.md-topbar{grid-template-columns:30px minmax(0,1fr);padding:.55rem .65rem;min-height:62px}.md-brand{width:30px;overflow:hidden}.md-brand>span:last-child{display:none}.md-mark{width:30px;height:30px}.md-nav{display:grid;grid-template-columns:1.1fr .8fr .8fr;gap:.05rem}.md-nav a{justify-content:center;padding:.4rem .2rem;font-size:.57rem;white-space:nowrap}.md-nav a:last-child{display:none}.md-copy{padding:4.2rem 1rem 2.4rem}.md-copy h1{font-size:clamp(4rem,19vw,5.8rem)}.md-stadium{min-height:460px}.md-pitch{left:10%;right:10%;height:32%}.md-score strong{font-size:1.9rem}.md-index{padding:4rem 1rem}.md-index h2{font-size:clamp(3rem,14vw,4.7rem)}.md-steps{grid-template-columns:1fr}.md-step{min-height:190px}.md-work{display:block}.md-rail,.md-side{border:0;border-bottom:1px solid var(--md-line)}.md-main{padding:2rem 1rem}.md-main h1{font-size:clamp(3.4rem,16vw,5rem)}.md-match-card{grid-template-columns:1fr auto 1fr;gap:.5rem}.md-match-card strong{font-size:.75rem}.md-match-card .score{font-size:2rem}.md-event{grid-template-columns:55px 1fr}.md-event button{grid-column:2}.md-guide-copy{padding:4.2rem 1rem 2.5rem}.md-guide-copy h1{font-size:clamp(3.5rem,17vw,5.3rem)}.md-guide-ledger{padding:2.5rem 1rem}.md-guide-step{grid-template-columns:1fr;gap:1rem;padding:3rem 0}.md-guide-step>.md-guide-card{grid-column:1}.md-guide-step>span{font-size:2.5rem}.md-guide-step h2{font-size:clamp(2.1rem,11vw,3.2rem)}.md-guide-finish{padding:4rem 1rem}.md-guide-finish h2{font-size:clamp(3rem,14vw,4.8rem)}}