/* SmartInfoBank — 종이 위의 정리 노트 / 2026-10-15 */
:root{--ink:#29333c;--muted:#747873;--green:#273e58;--paper:#faf8f3;--line:#e2dfd7;--accent:#c47c4d;--blue:#273e58;--note:#f0e7d0}
body{background:var(--paper);font-size:15px;line-height:1.8;letter-spacing:-.015em}
a:hover{color:#a66339}.wrap{width:min(1120px,calc(100% - 64px))}.site-header{background:transparent;border-top:4px solid var(--blue);border-bottom:1px solid var(--line)}.nav{padding:24px 0;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-size:21px;letter-spacing:-1px;font-weight:700;color:var(--blue)}.brand>img{flex-shrink:0}.brand .brand-type{display:block;color:inherit;font-size:21px;font-weight:700;letter-spacing:-1px}.brand small{display:block;color:var(--muted);font-size:11px;font-weight:400;letter-spacing:.02em;margin-top:2px}.nav nav{gap:27px;font-size:13px}.nav nav a{font-weight:500;color:#555e64}.nav nav a:hover{color:var(--blue)}
.home-heading{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:42px 0 36px;border-bottom:1px solid var(--line)}.home-heading .eyebrow{font-weight:500;color:#967958;font-size:12px;letter-spacing:.12em;margin:0 0 11px}.home-heading h1{font-size:35px;font-weight:600;line-height:1.55;letter-spacing:-1.5px;margin:0 0 15px;color:var(--blue)}.home-desc{font-size:14px;line-height:1.95;color:#71746e;margin:0}.desk-drawing{display:block;max-width:36%;height:auto;margin:0 45px 0 0}.home-layout{display:grid;grid-template-columns:minmax(0,1fr) 246px;gap:52px;padding-top:35px}.home-main{min-width:0}.featured{display:grid;grid-template-columns:1fr 240px;align-items:center;gap:24px;padding:28px 29px;background:#eeeee6;border:1px solid #e2e3d8;min-height:264px}.section-kicker{font-size:11px;letter-spacing:.03em;color:#717c78;margin:0 0 14px;display:flex;align-items:center;gap:8px}.small-rule{display:inline-block;width:17px;height:1px;background:#718068}.featured h2{font-size:25px;line-height:1.55;margin:0 0 10px;font-weight:600}.featured h2 a{text-decoration:none;color:var(--blue)}.featured-copy>p:not(.section-kicker){color:#74796f;font-size:12px;line-height:1.9}.text-link{font-size:12px;text-decoration:none;color:var(--blue);display:inline-block;border-bottom:1px solid #b8bfc1;padding-bottom:2px}.featured .text-link{margin-top:9px}.featured-paper{position:relative;display:block;background:#fffdf7;border:1px solid #d7d1c4;min-height:190px;padding:18px 15px 12px;transform:rotate(2deg);box-shadow:3px 4px 0 #deded2;color:#344d63;text-decoration:none;align-self:center}.paper-label{font:11px/1.5 Consolas,monospace;display:block;color:#8a8274;margin-bottom:18px}.sample-row{display:grid;grid-template-columns:48px 1fr 48px;font-size:10px;border-bottom:1px solid #dce0de;line-height:2.6;text-align:center;letter-spacing:-.04em}.sample-row>span+span{border-left:1px solid #dce0de}.sample-head{background:#e9edf0;border-top:1px solid #dce0de;color:#627183}.pencil-note{font-size:12px;font-family:'Batang','Noto Serif KR',serif;line-height:1.7;color:#ad7148;text-align:right;margin:15px 8px 0}.paper-corner{position:absolute;right:-1px;bottom:-1px;border-style:solid;border-width:0 0 18px 18px;border-color:transparent transparent #eeeee6 #e4decd}.section-title{margin:33px 0 0;padding:0 0 14px;border-bottom:2px solid #4a5963}.section-title h2{font-size:18px;font-weight:600;letter-spacing:-.5px}.section-title span{font-size:11px;color:#858881}.article-list{display:block}.list-entry{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:24px 0}.entry-number{align-self:flex-start;color:#b2aea4;font:13px/1.8 Georgia,serif;padding-top:25px;min-width:18px}.entry-body{flex:1;min-width:0}.entry-meta{display:flex;align-items:center;gap:8px;font-size:10px;color:#96968c;margin:0 0 5px;letter-spacing:.01em}.entry-meta a{color:#7c827e;text-decoration:none}.entry-body h2{font-size:18px;line-height:1.55;margin:0 0 6px;letter-spacing:-.5px;font-weight:600}.entry-body h2 a{text-decoration:none;color:#304252}.entry-body h2 a:hover{color:#a66339}.entry-excerpt{font-size:12px;line-height:1.9;color:#87897f;margin:0;max-width:570px}.entry-arrow{color:#8c918b;text-decoration:none;padding:8px 0 8px 10px;font-size:17px}.home-sidebar{padding-top:5px}.home-sidebar h2{font-size:14px;font-weight:600;margin:0 0 14px}.sidebar-note{padding:0 0 24px;border-bottom:1px solid var(--line)}.sidebar-note>img{margin-bottom:9px}.sidebar-note h2{font-size:16px;margin-bottom:12px}.sidebar-note p{font-size:12px;line-height:1.95;color:#7b807a;margin:10px 0}.sidebar-note .text-link{font-size:11px;margin-top:8px}.sidebar-index{padding:25px 0;border-bottom:1px solid var(--line)}.sidebar-index>a{display:flex;justify-content:space-between;font-size:12px;color:#646d6d;text-decoration:none;padding:7px 0}.count{color:#a5a69d;font:11px/1.8 Georgia,serif}.sidebar-scrap{position:relative;background:#f0e7d0;margin:32px 0 26px;padding:25px 21px 17px;transform:rotate(-1.4deg);border:1px solid #e8dec4}.sidebar-scrap h2{font-size:13px;color:#7e6749;margin-bottom:8px}.sidebar-scrap p{font-size:12px;line-height:2;color:#958267;margin:0}.scrap-pin{position:absolute;left:calc(50% - 17px);top:-8px;width:34px;height:15px;background:#d5ba91;opacity:.55;transform:rotate(6deg)}.sidebar-search label{font-size:12px;margin-bottom:9px}.sidebar-search>div{display:flex;gap:5px}.sidebar-search input{font-size:11px;min-width:0;padding:8px;border:1px solid #d1d2c9;border-radius:2px;background:#fffdfa}.sidebar-search button{font-size:10px;padding:5px 10px;border-radius:2px;white-space:nowrap}
.page-top{padding:40px 0 26px;border-bottom:1px solid var(--line)}.page-top .eyebrow{font-size:11px;color:#9b866d;letter-spacing:.02em}.page-top h1{font-size:30px;font-weight:600;margin:12px 0}.page-top p{font-size:14px;color:#7b807a}.article-layout{grid-template-columns:minmax(0,760px) 230px;gap:65px;padding-top:32px}.prose{font-size:16px;line-height:2;color:#444c50}.prose h1{font-size:32px;font-weight:600;line-height:1.5;color:var(--blue);letter-spacing:-1px}.prose h2{font-size:22px;font-weight:600;letter-spacing:-.6px;border:0;padding-top:0;margin:39px 0 14px;color:#344a5b}.prose h3{font-weight:600}.breadcrumb,.byline{font-size:11px;color:#96988d}.byline a,.breadcrumb a{color:#7e8889;text-decoration:none}.byline{padding-bottom:23px;margin-bottom:27px!important}.prose .lead{font-size:18px;color:#727972}.article-side .eyebrow{font-size:11px;font-weight:500;letter-spacing:0;color:#999280}.article-side>a{font-size:12px;line-height:1.85;text-decoration:none;color:#71808b}.article-side p:not(.eyebrow){font-size:12px;color:#8d9186}pre{border:1px solid #e1e2db;border-left:3px solid #8193a1;background:#f0f1ec;color:#3f5262;border-radius:2px;font-size:13px;padding:18px}code{background:#eeefe9;border-radius:1px}table{background:#fffdf8;font-size:13px}th{background:#eeeee6;color:#52606a;font-weight:600}th,td{border-color:#dedfd6;padding:11px}.tool{background:#fffdf8;border:1px solid #deded3;border-top:3px solid #7d8e9b;border-radius:2px;padding:26px}.tool .eyebrow{font-size:10px;color:#9a886f;font-weight:500;letter-spacing:.02em}.tool p{font-size:12px;color:#7c827b}.tool h2{margin-top:7px;font-size:21px}.tool-actions button{font-size:12px;border-radius:2px;padding:8px 13px}.tool-actions button:not([data-action=run]){background:transparent;border-color:#bfc7c8;color:#637985}.tool label{font-size:12px;font-weight:500}.tool input,.tool textarea{font-size:13px;border-color:#bfc7c8;border-radius:2px}.sources{padding-top:14px;margin-top:30px;border-top:1px solid var(--line)}.sources h2{font-size:17px}.sources p,.sources li{font-size:12px;color:#8b9086}.sources a{color:#667d8e}.info-page{margin-top:40px}.info-page>.eyebrow{font-size:11px;color:#9a886f;font-weight:500;letter-spacing:.03em}.info-page h1{font-size:32px}.contact-form{border-radius:2px;background:#fffdf8}.contact-form input,.contact-form textarea{border-color:#bdc4c3;border-radius:2px}.contact-form button{border-radius:2px}.notice{background:#f0eee4;border-color:#e2dccb;border-radius:2px}.button,button{border-radius:2px;background:var(--blue);border-color:var(--blue)}.button:hover,button:hover{background:#344f6d}.skip{background:#fffdf8}footer{background:transparent;border-top:1px solid #d9dbd2;margin-top:60px;padding:32px 0;color:#7c8178;font-size:12px}footer strong{color:#65727a;font-weight:500;font-size:13px}footer p{font-size:11px;color:#96998e}footer nav{gap:19px;margin:15px 0}footer nav a{font-size:11px;color:#8a9087;text-decoration:none}footer small{font-size:10px;color:#a4a79d}
@media(min-width:901px){.page-top+.article-list{max-width:850px}}
@media(max-width:1050px){.home-layout{gap:30px;grid-template-columns:minmax(0,1fr) 210px}.featured{grid-template-columns:1fr;padding:24px;gap:20px}.featured-paper{width:240px;display:none}.desk-drawing{margin-right:0}.article-layout{grid-template-columns:minmax(0,1fr);gap:20px}.article-side{border-top:1px solid var(--line)}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.nav{padding:18px 0 15px;gap:15px}.brand .brand-type{font-size:19px}.brand>img{width:32px;height:32px}.brand small{font-size:10px}.nav nav{width:100%;gap:24px;padding-top:10px;border-top:1px solid var(--line);font-size:12px}.home-heading{padding:29px 0 28px;gap:14px}.home-heading h1{font-size:29px;letter-spacing:-1.2px}.home-heading .eyebrow{font-size:10px}.home-desc{font-size:12px}.desk-drawing{max-width:29%;min-width:105px}.home-layout{grid-template-columns:minmax(0,1fr);padding-top:24px;gap:35px}.featured{grid-template-columns:1fr 190px;padding:23px;gap:17px;min-height:230px}.featured h2{font-size:23px}.featured-paper{display:block;width:190px;padding:17px 10px;min-height:180px}.sample-row{grid-template-columns:39px 1fr 39px;font-size:9px}.home-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:25px;border-top:1px solid var(--line);padding-top:25px}.sidebar-note{grid-row:span 2;border-bottom:0}.sidebar-index{padding:0 0 12px}.sidebar-scrap{margin:0;padding:18px}.sidebar-search{grid-column:1/-1;max-width:360px}.entry-number{display:none}.list-entry{gap:12px;padding:21px 0}.entry-body h2{font-size:17px}.entry-excerpt{font-size:12px;line-height:1.8}.entry-meta{font-size:10px}.section-title{flex-direction:row;align-items:center;margin-top:28px}.section-title h2{font-size:17px}.prose{font-size:15px;line-height:1.95}.prose h1{font-size:28px}.prose h2{font-size:21px}.tool{padding:20px}.tool-actions button{font-size:11px}.page-top h1{font-size:28px}}
@media(max-width:450px){.desk-drawing{display:none}.home-heading h1{font-size:30px}.home-heading{position:relative;background-image:url('/assets/desk-notes.svg');background-size:122px auto;background-repeat:no-repeat;background-position:right 24px}.home-heading>div{position:relative;z-index:1}.home-desc{max-width:285px}.featured{grid-template-columns:minmax(0,1fr);padding:23px;min-height:0}.featured-paper{display:none}.featured h2 br{display:none}.featured h2{font-size:22px;max-width:240px}.featured-copy>p:not(.section-kicker){font-size:12px}.home-sidebar{gap:20px}.sidebar-note p{font-size:11px}.sidebar-scrap{padding:18px 13px}.sidebar-scrap p{font-size:11px}.prose h1{font-size:26px}.prose h2{font-size:20px}}
.entry-excerpt{color:#6e746c}.entry-meta{color:#737a71}.sidebar-note p{color:#6c756d}.section-kicker{color:#63726b}.home-desc{color:#68736b}
@media(max-width:450px){.home-heading{background-image:none}.featured h2 br{display:initial}}

.article-toc{background:#f0f1eb;border:1px solid #e0e2d8;padding:19px 24px;margin:26px 0 32px;font-size:13px;line-height:1.9}.article-toc strong{font-size:12px;font-weight:600;color:#657789}.article-toc ol{margin:8px 0 0;padding-left:20px}.article-toc a{color:#657789;text-decoration:none}.article-toc a:hover{text-decoration:underline}h2[id]{scroll-margin-top:24px}