/* Scoped to the new About guide; existing page and shared photo viewer retained. */
.page-about .about-sum-guide{display:block;min-width:0;line-height:1.85;scroll-margin-top:6rem}
.about-sum-guide h2{font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.4;color:#f0ce82}
.about-sum-guide h3{margin:2rem 0 .75rem;color:#ead09a;font-size:clamp(1.15rem,2vw,1.5rem)}
.about-sum-guide h4{margin:1.4rem 0 .4rem;font-size:1.05rem;color:#f3e2bd}
.about-sum-guide p,.about-sum-guide li{overflow-wrap:anywhere}
.about-sum-guide a:not(.about-button){color:#edd18b;text-underline-offset:.2em}
.sum-intro-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(1.4rem,4vw,3rem);align-items:start;margin-top:1.5rem}
.sum-guide-figure{margin:2rem auto 0;width:min(100%,380px)}
.sum-guide-figure>a{display:block;position:relative;border:1px solid #d6b264;border-radius:12px;overflow:hidden;box-shadow:0 12px 32px #0005}
.sum-guide-figure img{display:block;width:100%;height:auto}
.sum-guide-figure>a>span{display:block;padding:.6rem 1rem;background:#20190f;text-align:center;font-size:.9rem;color:#f4d892}
.sum-guide-figure figcaption{text-align:center;font-size:.85rem;line-height:1.7;margin-top:.65rem;color:#c5bcaa}
.sum-guide-figure a:focus-visible{outline:3px solid #f5dfaa;outline-offset:4px}
.sum-table-wrap{max-width:100%;overflow-x:auto;border:1px solid #a8814560;border-radius:10px;margin:1rem 0}
.sum-table-wrap table{width:100%;border-collapse:collapse;text-align:left;table-layout:auto}
.sum-table-wrap th,.sum-table-wrap td{padding:.75rem 1rem;border-bottom:1px solid #a8814530;vertical-align:top;overflow-wrap:anywhere}
.sum-table-wrap thead{background:#302510;color:#f4d68e}
.sum-table-wrap tbody th{color:#edd29b;font-weight:600}
.sum-table-wrap tr:last-child>*{border-bottom:0}
.sum-table-wrap tbody tr:nth-child(even){background:#d4ad4c07}
.sum-formula,.sum-belief-note{padding:1rem 1.25rem;border-left:2px solid #cba54d;background:#cba54d0d;border-radius:0 8px 8px 0}
.sum-faq{border-top:1px solid #a8814540;margin-top:2rem}
.page-about #about-sum-photo{--photo-ratio:.6666667}
.page-about #about-sum-photo>img{box-sizing:border-box;border:1px solid #d6b264;box-shadow:0 0 0 1px #72552566}
@media(max-width:700px){.sum-intro-grid{grid-template-columns:minmax(0,1fr)}.sum-guide-figure{width:min(100%,320px);margin-top:0}.sum-table-wrap th,.sum-table-wrap td{padding:.6rem .65rem;font-size:.92rem}.about-sum-guide .about-button{max-width:100%;white-space:normal}.sum-belief-note{padding:.8rem}}
.sum-method-nav{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0}
.sum-method-nav a{padding:.65rem 1rem;border:1px solid #b88b40;border-radius:30px;text-decoration:none;background:#1c180f}
.sum-method-nav a:last-child{background:#351217;border-color:#aa5552}
.sum-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.sum-compare>article{padding:clamp(1rem,2.5vw,2rem);border:1px solid #b79049;border-radius:16px;background:linear-gradient(140deg,#282012,#111113)}
.sum-compare>article:last-child{background:linear-gradient(140deg,#3e1117,#111113)}
.sum-compare h3{margin:.65rem 0}
.sum-method-tag{font-size:.9rem;letter-spacing:.04em;color:#edc56d}
.sum-big-result{font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.5;color:#fff}
.sum-big-result strong{color:#ffd980;font-size:1.4em}
.sum-method-section{scroll-margin-top:6rem;margin-top:2.5rem;padding-top:1rem;border-top:1px solid #a8814540}
.sum-method-section>h3{font-size:clamp(1.4rem,2.5vw,2rem)}
.sum-method2-visuals{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);align-items:start;gap:1.5rem;margin:1.5rem auto;max-width:1100px}
.sum-method2-visuals figure{margin:0;min-width:0}
.sum-method2-visuals figure>a{display:block;border:1px solid #d6b264;border-radius:12px;overflow:hidden;background:#101012}
.sum-method2-visuals img{display:block;width:100%;height:auto}
.sum-method2-visuals figcaption{font-size:.85rem;line-height:1.7;color:#c5bcaa;text-align:center;margin-top:.6rem}
.sum-number-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;counter-reset:step;gap:.8rem;padding:0!important;margin:1.2rem 0}
.sum-number-steps li{counter-increment:step;border:1px solid #9a743b;border-radius:12px;padding:1rem;background:#20180e}
.sum-number-steps li:before{content:counter(step,decimal-leading-zero);display:block;color:#e5b65b;font-size:1.5rem}
.sum-number-steps strong,.sum-number-steps span{display:block}
.sum-number-steps span{font-size:.9rem;color:#d0c5b5;margin-top:.4rem}
.sum-meaning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0}
.sum-meaning-card{padding:1.25rem;border:1px solid #a8814555;border-radius:14px;background:#161618;min-width:0}
.sum-meaning-card:last-child{background:linear-gradient(145deg,#3a1117,#171719);border-color:#c59b46}
.sum-meaning-number{display:block;color:#e8c373;font-size:2.7rem;line-height:1.3}
.sum-meaning-card h4{margin:.5rem 0 1rem}
.sum-meaning-card p{font-size:.95rem;line-height:1.8}
.sum-method-section h5{font-size:1rem;line-height:1.7;color:#efdab3;margin:1.25rem 0 .35rem}
.page-about .sum-method2-dialog{--photo-ratio:.75}
.page-about #sum-method2-reference{--photo-ratio:.6666667}
.page-about .sum-method2-dialog>img{box-sizing:border-box;border:1px solid #d6b264}
@media(max-width:950px){.sum-meaning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.sum-compare,.sum-number-steps,.sum-meaning-grid{grid-template-columns:minmax(0,1fr)}.sum-method2-visuals{grid-template-columns:minmax(0,1fr);max-width:480px}.sum-method2-visuals .sum-reference-figure{width:min(70%,260px);margin:auto}.sum-method-nav a{font-size:.9rem}.sum-meaning-card{padding:1rem}.sum-number-steps li{padding:.8rem}}