@font-face{font-family:Pretendard;src:local("Pretendard Variable"),local("Pretendard");font-display:swap}
:root{--paper:#f2eee5;--ink:#171614;--muted:#5e5952;--line:#bdb4a7;--red:#b92b22;--white:#fffdf8}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.75 Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",sans-serif;word-break:keep-all;overflow-wrap:anywhere}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--red);outline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;left:16px;top:-100px;padding:10px;background:white;z-index:10}.skip:focus{top:10px}.library-nav{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line)}.brand{font-weight:850;font-size:22px;text-decoration:none}.library-nav nav{display:flex;gap:28px;font-size:14px}.library-nav nav a{text-decoration:none}main{max-width:1180px;margin:auto;padding:0 28px;min-height:75vh}.library-heading{padding:82px 0 62px;max-width:760px}.eyebrow{color:var(--red);font-size:15px;font-weight:750}h1{font-size:clamp(36px,5.4vw,64px);line-height:1.22;letter-spacing:-.055em;margin:16px 0 24px;font-weight:850}h2{font-size:23px;line-height:1.4;letter-spacing:-.03em}.library-heading>p:last-child,.detail-heading>p{color:var(--muted)}.board{padding-bottom:90px}.board-tools{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:2px solid var(--ink);padding-bottom:18px}.board-tools h2{margin:0}.board-tools h2 span{color:var(--red);padding-left:10px}.search{display:flex;align-items:center;gap:14px;font-size:14px}.search input,input[type=email]{border:1px solid var(--line);background:var(--white);padding:11px 14px;max-width:100%;border-radius:4px}.resource-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;padding:28px 0 0;margin:0;list-style:none}.resource-row{min-width:0;border-bottom:1px solid var(--line)}.resource-row>a{height:100%;display:flex;flex-direction:column;gap:0;padding:0 0 20px;text-decoration:none}.thumbnail{overflow:hidden;aspect-ratio:16/9;background:var(--white);border:1px solid var(--line);border-radius:5px}.thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.card-copy{padding:18px 0}.detail-thumbnail{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);border-radius:5px;margin-bottom:26px}.resource-row>a:hover h2{text-decoration:underline;text-decoration-thickness:2px}.category{font-size:13px;color:var(--red);font-weight:750}.resource-row h2{font-size:24px;margin:7px 0 9px}.resource-row p{max-width:640px;margin:0;font-size:16px;color:var(--muted)}.row-meta{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:12px}.row-meta>span{font-weight:750;font-size:15px}.row-meta time,.updated{color:var(--muted);font-size:13px}.resource-page{padding:34px 0 90px}.back{font-size:14px}.detail-heading{max-width:770px;padding:42px 0 26px}.detail-heading h1{font-size:clamp(34px,5vw,56px)}.resource-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:2px solid var(--ink);padding-top:28px}.preview ul{padding-left:20px}.preview li{padding:7px 0}.preview>p{color:var(--muted);font-size:14px}.access-panel{border:1px solid var(--line);background:var(--white);padding:28px;border-radius:7px}.access-panel h2{margin-top:0}.access-panel p{font-size:14px;color:var(--muted)}button{cursor:pointer;min-height:46px;border:1px solid var(--ink);background:transparent;color:var(--ink);padding:10px 18px;border-radius:4px;font-weight:700}button:hover{background:#e6dfd3}button:disabled{opacity:.55;cursor:wait}.primary{background:var(--ink);color:var(--white);width:100%}.primary:hover{background:var(--red);border-color:var(--red)}details{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}summary{cursor:pointer;font-size:15px}#email-login{display:grid;gap:10px;padding-top:18px}#email-login p{margin:0}.check{display:flex;gap:10px;margin:18px 0;font-size:14px;align-items:flex-start}.check input{width:19px;height:19px;flex-shrink:0;margin-top:3px;accent-color:var(--red)}.small{font-size:12px!important}#access-message{color:var(--red);margin-bottom:0}#member-actions{display:flex;flex-wrap:wrap;gap:12px}#in-app-note{border-left:3px solid var(--red);padding-left:12px}.resource-content{max-width:760px;padding-top:38px;margin-top:44px;border-top:2px solid var(--ink)}.resource-content section{margin:36px 0}.resource-content p,.resource-content li{font-size:17px}.resource-content li{margin:12px 0}.resource-content pre{overflow-x:auto;padding:20px;background:#e6dfd3;border-radius:4px;font-size:13px;white-space:pre;word-break:normal}.resource-content ul{padding-left:23px}.resource-content a{color:var(--red)}footer{display:flex;justify-content:space-between;gap:20px;max-width:1180px;margin:auto;padding:28px;border-top:1px solid var(--line);font-size:13px}footer a{text-decoration:none}
@media(min-width:701px) and (max-width:1000px){.resource-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.library-nav{padding:18px 20px}.library-nav nav{gap:16px;font-size:12px}.brand{font-size:19px}main{padding:0 20px}.library-heading{padding:52px 0 40px}.library-heading>p:last-child{font-size:15px}.board-tools{align-items:flex-start;flex-direction:column;gap:15px}.search{width:100%;justify-content:space-between}.search input{width:70%;font-size:16px}.resource-row>a{padding:0 0 20px}.resource-list{grid-template-columns:1fr;gap:28px;padding-top:24px}.row-meta{flex-direction:row;align-items:center}.resource-row h2{font-size:23px}.resource-layout{grid-template-columns:1fr;gap:20px}.access-panel{padding:22px}.resource-page{padding-top:24px}.detail-heading{padding-top:30px}.resource-content pre{margin-left:-4px;margin-right:-4px;padding:14px;font-size:12px}footer{font-size:11px;padding:24px 20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.resource-content .resource-figure{margin:28px 0}.resource-figure img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:5px}.resource-figure figcaption{margin-top:10px;color:var(--muted);font-size:13px;line-height:1.6}
.site-login{max-width:680px;margin:0 auto;padding:44px 28px 90px}.site-login .detail-heading{padding-bottom:20px}.site-login .access-panel{max-width:580px}.site-login .access-panel>h2{font-size:22px}@media(max-width:700px){.site-login{padding:28px 20px 64px}.site-login .detail-heading{padding-top:28px}}