*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{color:#222;word-break:keep-all;overflow-wrap:break-word;background:#f7f7f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,sans-serif;line-height:1.7}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%}.site-header{background:#fff;border-bottom:1px solid #e8e8e4;padding:0 1.25rem}.site-header-inner{flex-wrap:wrap;align-items:baseline;gap:1rem;max-width:1080px;margin:0 auto;padding:.75rem 0;display:flex}.site-name{color:#111;font-size:1.05rem;font-weight:700;text-decoration:none}.site-sub{color:#aaa;font-size:.78rem}.site-nav{align-items:center;gap:.7rem;margin-left:auto;display:flex}.nav-areas{position:relative}.nav-areas>summary{cursor:pointer;color:#555;font-size:.84rem;font-weight:600;list-style:none}.nav-areas>summary::-webkit-details-marker{display:none}.nav-areas>summary:after{content:" ▾";color:#aaa;font-size:.7em}.nav-areas>summary:hover{color:#111}.nav-areas>ul{z-index:30;background:#fff;border:1px solid #e8e8e4;border-radius:8px;gap:.1rem;min-width:10rem;margin:0;padding:.4rem;list-style:none;display:grid;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 4px 16px #00000014}.nav-areas>ul a{border-radius:5px;padding:.35rem .55rem;display:block}.nav-areas>ul a:hover{background:#f5f5f3}@media (width<=560px){.nav-areas>ul{min-width:9rem;left:0;right:auto}}.site-nav a{color:#555;font-size:.82rem;font-weight:700}@media (width<=560px){.site-header-inner{align-items:center;gap:.35rem .75rem;padding:.7rem 0}.site-sub{font-size:.74rem}.site-nav{width:auto}}@media (width<=380px){.site-sub{order:3;width:100%}}.site-footer{color:#aaa;text-align:center;border-top:1px solid #e8e8e4;margin-top:4rem;padding:1.5rem;font-size:.78rem}.cat-tag{color:#6366f1;letter-spacing:.03em;background:#eef2ff;border-radius:3px;padding:.1rem .45rem;font-size:.72rem;font-weight:600;display:inline-block}.bq-warning{background:#fffbea;border-left:4px solid #f59e0b;border-radius:0 4px 4px 0;margin:1rem 0;padding:.75rem 1rem}.bq-source{background:#f0fdf4;border-left:4px solid #22c55e;border-radius:0 4px 4px 0;margin:1rem 0;padding:.75rem 1rem;font-size:.88rem}.bq-note{background:#f8f8f6;border-left:4px solid #d1d5db;border-radius:0 4px 4px 0;margin:1rem 0;padding:.75rem 1rem}.card{background:#fff;border:1px solid #e8e8e4;border-radius:8px;flex-direction:column;gap:.5rem;padding:1.1rem 1.4rem;transition:box-shadow .15s;display:flex;position:relative;overflow:hidden}.card:hover{box-shadow:0 2px 12px #00000012}.card[hidden]{display:none}.card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.card-grid[hidden]{display:none}@media (width<=560px){.card-grid{grid-template-columns:1fr}}.landing-head{margin:.4rem 0 1.4rem}.landing-title{letter-spacing:-.01em;text-wrap:balance;margin-bottom:.55rem;font-size:1.45rem;line-height:1.35}.landing-sub{color:#555;max-width:44rem;font-size:.92rem;line-height:1.75}.landing-tools{margin:0 0 2.2rem}.landing-tools-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.75rem;display:flex}.landing-tools-head h2{color:#222;font-size:1.05rem;font-weight:700}.landing-tools-more{color:#2563eb;font-size:.85rem;font-weight:600}.landing-tools-more:hover{text-decoration:underline}.landing-articles-h{color:#222;border-bottom:1px solid #eee;margin-bottom:.75rem;padding-bottom:.4rem;font-size:1.05rem;font-weight:700}@media (width<=560px){.landing-title{font-size:1.25rem}.landing-sub{font-size:.88rem}}.tool-card{min-height:100%}.tool-card .card-link:focus-visible{outline-offset:3px;border-radius:3px;outline:3px solid #dbeafe}.card-art{object-fit:cover;width:calc(100% + 2.8rem);height:108px;margin:-1.1rem -1.4rem .35rem;display:block}.card-cat,.area-tag,.tool-type{border:0;border-radius:3px;padding:.1rem .45rem;font-size:.72rem;font-weight:600;display:inline-block}.card-cat,.area-tag{color:#6b7280;background:#f3f4f6}.tool-type{color:#4f46e5;background:#eef2ff}a.area-tag:hover{text-decoration:underline}.tool-card-meta{display:block}.tool-card-meta>*+*{margin-left:.45rem}.tool-card .card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.article-card .card-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.article-card[data-variant=compact],.article-card[data-variant=compact-area]{gap:.35rem;padding:1rem 1.1rem}.tool-card-area,.article-card-area{color:#9ca3af;letter-spacing:.01em;font-size:.72rem;font-weight:600}.tool-card[data-variant=compact],.tool-card[data-variant=compact-area]{gap:.35rem;padding:1rem 1.1rem}.tool-feature-list{color:#555;gap:.2rem;margin:.4rem 0 0;padding:0;font-size:.78rem;line-height:1.5;list-style:none;display:grid}.tool-feature-list li{margin:0;padding:0 0 0 .7rem;position:relative}.tool-feature-list li:before{content:"";background:#c7cbd4;border-radius:50%;width:.2rem;height:.2rem;position:absolute;top:.52em;left:.08rem}.card-title{color:#111;font-size:.97rem;font-weight:700;line-height:1.4}.card-desc{color:#666;flex:1;font-size:.83rem;line-height:1.6}.card-footer{border-top:1px solid #f0f0ec;justify-content:flex-end;align-items:center;margin-top:.3rem;padding-top:.6rem;display:flex}.card-link{color:#2563eb;font-size:.8rem;font-weight:600}.card-link:hover{text-decoration:underline}.card-link:after{content:"";position:absolute;inset:0}a.card-cat,a.article-card-area{z-index:1;position:relative}.card:active{background:#fafaf8}