.template-thumb[src]{width:100%;display:block;object-fit:cover}.article-detail-body img{display:block;max-width:100%;height:auto;margin:28px auto}.article-detail-body .article-video{aspect-ratio:16/9;margin:28px 0}.article-detail-body .article-video iframe{width:100%;height:100%;border:0}
.long-card-visual[style]{background-size:cover;background-position:center}.article-cover{display:block;width:min(900px,100%);max-height:430px;object-fit:cover;margin:38px auto 0}.article-cover[hidden]{display:none}
.long-card-visual{background:#f1f3ef;color:var(--muted)}.long-card-visual:before{display:none}.long-card-visual[style]{background-color:transparent;color:#fff}
.template-thumb{background:var(--template-color,#aab8b0)}.template-thumb:not(.image-placeholder){padding:0;background-size:cover;background-position:center}.template-thumb:not(.image-placeholder) span,.template-thumb:not(.image-placeholder) strong,.template-thumb:not(.image-placeholder) small{display:none}.image-placeholder{display:flex;align-items:end;justify-content:center;color:#ffffffaa;font-size:11px;letter-spacing:.12em}.template-detail{width:min(900px,100%)}.detail-gallery{height:480px;background:#d9e2da;position:relative;overflow:hidden}.detail-image{display:none;width:100%;height:100%;object-fit:cover}.detail-image.active{display:flex}.detail-gallery .image-placeholder{align-items:center;background:var(--tint);color:var(--muted)}.gallery-dots{position:absolute;left:22px;bottom:20px;display:flex;gap:7px;z-index:2}.gallery-dot{font-size:10px;border:1px solid #fff;color:#fff;padding:5px 9px;background:#17221e55}.gallery-dot.active{background:var(--accent);border-color:var(--accent)}.copy-tip{font-size:11px;color:var(--muted);margin-top:15px}.article-detail{padding:80px 0 120px}.back-link{font-size:12px;color:var(--muted);display:inline-block;margin-bottom:70px}.article-detail-head{text-align:center}.article-detail-head h1{font-size:clamp(36px,5vw,64px);line-height:1.2;max-width:820px;margin:0 auto}.article-date{color:var(--muted);font-size:12px;margin-top:25px}.article-detail-layout{display:grid;grid-template-columns:minmax(0,760px) 240px;gap:80px;justify-content:center;margin-top:70px}.article-detail-body{font-size:16px;line-height:2;color:#3e4b43}.article-detail-body p{margin:0 0 25px}.article-detail-body h3{font-size:24px;color:var(--ink);margin:45px 0 15px}.aside-box{border-top:1px solid var(--line);padding:18px 0 25px;margin-bottom:25px}.aside-box strong{font-size:14px}.aside-box p{color:var(--muted);font-size:12px}.aside-box .text-link{font-size:11px}
.template-thumb{background:#fff}.template-thumb:not(.image-placeholder){padding:0;background-size:cover;background-position:center}.template-thumb:not(.image-placeholder) span,.template-thumb:not(.image-placeholder) strong,.template-thumb:not(.image-placeholder) small{display:none}.image-placeholder{display:flex;align-items:end;justify-content:center;background:#f1f3ef!important;color:var(--muted);font-size:11px;letter-spacing:.12em}.template-detail{width:min(900px,100%)}.detail-gallery{height:480px;background:#fff;position:relative;overflow:hidden}.detail-image{display:none;width:100%;height:100%;object-fit:cover}.detail-image.active{display:flex}.detail-gallery .image-placeholder{align-items:center}.gallery-dots{position:absolute;left:22px;bottom:20px;display:flex;gap:7px;z-index:2}.gallery-dot{font-size:10px;border:1px solid #fff;color:#fff;padding:5px 9px;background:#17221e55}.gallery-dot.active{background:var(--accent);border-color:var(--accent)}.detail-copy{padding:42px}.detail-copy h2{font-size:28px;margin:0 0 12px}.detail-copy>p:not(.eyebrow){font-size:12px;color:var(--muted)}.detail-tags{display:flex;gap:8px;margin:25px 0}.detail-tags span{font-size:10px;padding:5px 9px;background:var(--tint)}.detail-price{font-size:18px!important;color:var(--accent)!important;font-weight:700;margin:30px 0}.modal-close{z-index:2}.template-detail .modal-close{position:absolute;right:18px;top:9px;color:var(--ink);font-size:28px}.site-footer .footer-top{align-items:start}.article-detail{padding:80px 0 120px}.back-link{font-size:12px;color:var(--muted);display:inline-block;margin-bottom:70px}.article-detail-head{text-align:center}.article-detail-head h1{font-size:clamp(36px,5vw,64px);line-height:1.2;max-width:820px;margin:0 auto}.article-date{color:var(--muted);font-size:12px;margin-top:25px}.article-detail-layout{display:grid;grid-template-columns:minmax(0,760px) 240px;gap:80px;justify-content:center;margin-top:70px}.article-detail-body{font-size:16px;line-height:2;color:#3e4b43}.article-detail-body p{margin:0 0 25px}.article-detail-body h3{font-size:24px;color:var(--ink);margin:45px 0 15px}.aside-box{border-top:1px solid var(--line);padding:18px 0 25px;margin-bottom:25px}.aside-box strong{font-size:14px}.aside-box p{color:var(--muted);font-size:12px}.aside-box .text-link{font-size:11px}
@media(max-width:800px){.detail-gallery{height:300px}.article-detail{padding:55px 0 80px}.back-link{margin-bottom:45px}.article-detail-layout{display:block;margin-top:45px}.article-detail-body{font-size:15px}.article-detail-layout aside{margin-top:45px}}
.page-hero{padding:95px 0 90px;background:var(--tint)}.page-hero h1{font-size:clamp(42px,6vw,76px);line-height:1.15;margin:0;letter-spacing:-.04em}.page-hero h1 em{font-family:var(--serif);font-style:normal;color:var(--accent);font-weight:400}.page-hero>div>p:last-child{max-width:530px;color:var(--muted);font-size:15px;margin-top:25px}.page-hero-article{background:#e9e1d8}.template-hero{background:#dbe5de}.page-content{padding-top:72px}.page-toolbar{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:35px}.category-pills{display:flex;gap:25px;flex-wrap:wrap}.category-pills button{font-size:12px;color:var(--muted);padding:4px 0;border-bottom:2px solid transparent}.category-pills button.active{color:var(--ink);font-weight:700;border-color:var(--accent)}.knowledge-page-grid,.article-page-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:45px 25px}.long-card{border-bottom:1px solid var(--line);padding-bottom:30px}.long-card-visual{height:245px;display:flex;align-items:end;padding:20px;color:#fff;position:relative;overflow:hidden;background:#9cac9c}.long-card-visual:before{content:'';position:absolute;width:250px;height:360px;right:90px;top:30px;background:#e5eee6;transform:rotate(23deg);box-shadow:60px -20px 0 #769084}.long-card-visual span{z-index:1;font-size:11px;letter-spacing:.18em}.visual-1{background:#c6957d}.visual-1:before{background:#eee5d7;box-shadow:55px 25px 0 #806d62}.visual-2{background:#9baab0}.visual-2:before{background:#e2c5a9;box-shadow:60px 10px 0 #76878b}.visual-3{background:#b1a5b6}.visual-3:before{background:#e8e0d3;box-shadow:45px 20px 0 #766b79}.long-card h2{font-size:20px;margin:7px 0 8px}.long-card p{color:var(--muted);font-size:13px;max-width:500px;margin:0 0 20px}.template-tools{display:flex;justify-content:space-between;gap:30px;align-items:start;margin-bottom:35px}.template-tools .category-pills{max-width:760px}.template-tools input{min-width:210px;border:0;border-bottom:1px solid var(--ink);background:transparent;padding:8px 0;outline:0;font-size:12px}.template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.template-card{cursor:pointer;transition:.25s}.template-card:hover{transform:translateY(-5px)}.template-thumb{height:265px;background:var(--template-color);position:relative;overflow:hidden;padding:17px;display:flex;flex-direction:column;justify-content:end;color:#fff}.template-thumb:before{content:'';position:absolute;width:180px;height:260px;right:35px;top:35px;background:#f8f4e9cc;transform:rotate(26deg);box-shadow:45px -10px 0 #526d60aa}.template-thumb span,.template-thumb strong,.template-thumb small{z-index:1}.template-thumb span{font-size:10px;letter-spacing:.15em;position:absolute;top:17px}.template-thumb strong{font-family:var(--serif);font-size:25px;line-height:1.15;max-width:170px}.template-thumb small{font-size:10px;margin-top:7px}.template-info{padding:13px 0;display:grid;grid-template-columns:1fr auto;gap:3px}.template-info span,.template-info p{font-size:10px;color:var(--muted);margin:0}.template-info h2{font-size:14px;margin:3px 0}.template-info>strong{font-size:12px;color:var(--accent)}.qr-code{width:118px;height:118px;object-fit:cover;background:white;margin:3px 0 10px}.content-modal,.template-modal{position:fixed;inset:0;background:#17221e99;display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:.25s;z-index:50}.content-modal.open,.template-modal.open{opacity:1;visibility:visible}.content-modal-box{background:var(--paper);width:min(720px,100%);max-height:85vh;overflow:auto;padding:42px}.content-modal-box h2{font-size:32px;margin:0 0 25px}.content-modal-box h3{font-size:18px;margin-top:25px}.content-modal-box p{font-size:14px;color:#526058;line-height:2}.content-modal-box{position:relative}.template-detail{width:min(800px,100%);background:var(--paper);display:grid;grid-template-columns:1fr 1fr;position:relative}.detail-visual{height:480px;background:var(--template-color);display:flex;flex-direction:column;justify-content:end;padding:28px;color:#fff;position:relative;overflow:hidden}.detail-visual:before{content:'';position:absolute;width:250px;height:400px;right:50px;top:60px;background:#f8f4e9dd;transform:rotate(25deg);box-shadow:60px -20px 0 #526d60aa}.detail-visual span,.detail-visual strong,.detail-visual small{position:relative;z-index:1}.detail-visual span{position:absolute;top:25px;letter-spacing:.15em;font-size:11px}.detail-visual strong{font-family:var(--serif);font-size:32px;line-height:1.1}.detail-visual small{font-size:11px;margin-top:10px}.detail-copy{padding:42px}.detail-copy h2{font-size:28px;margin:0 0 12px}.detail-copy>p:not(.eyebrow){font-size:12px;color:var(--muted)}.detail-tags{display:flex;gap:8px;margin:25px 0}.detail-tags span{font-size:10px;padding:5px 9px;background:var(--tint)}.detail-price{font-size:18px!important;color:var(--accent)!important;font-weight:700;margin:30px 0}.modal-close{z-index:2}.template-detail .modal-close{position:absolute;right:18px;top:9px;color:var(--ink);font-size:28px}.site-footer .footer-top{align-items:start}@media(max-width:800px){.page-hero{padding:65px 0}.page-content{padding-top:55px}.knowledge-page-grid,.article-page-grid{grid-template-columns:1fr;gap:35px}.template-tools{display:block}.template-tools input{margin-top:25px;width:100%}.template-grid{grid-template-columns:1fr 1fr;gap:18px}.template-thumb{height:190px}.template-thumb strong{font-size:18px}.template-detail{grid-template-columns:1fr}.detail-visual{height:260px}.detail-copy{padding:28px}.content-modal-box{padding:30px 22px}.category-pills{gap:16px}}