/* Yeni modüllerin etkileşimli ve temsili ürün demosu. */
.role-choices{grid-template-columns:repeat(2,minmax(0,1fr))}
.feature-heading{margin:0 0 22px}.feature-heading h1{font-size:clamp(1.55rem,3vw,2.1rem);letter-spacing:-.04em;margin:0 0 8px}.feature-heading p{color:var(--muted);line-height:1.7;margin:0}
.feature-label{display:inline-block;color:var(--green);font-size:.7rem;letter-spacing:.1em;font-weight:800;margin-bottom:9px}
.portal-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.portal-card{display:block;text-align:left;padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.portal-card:hover,.portal-card:focus-visible{border-color:var(--green);box-shadow:0 6px 25px #07956815}.portal-card strong{display:block;font-size:1rem;margin:9px 0}.portal-card small{display:block;color:var(--muted);line-height:1.6}.portal-card>span{font-size:1.4rem;color:var(--green)}
.feature-note{padding:13px 16px;border:1px solid #cde9df;border-radius:10px;color:#315e4e;background:#edf9f4;font-size:.76rem;line-height:1.65;margin:0 0 20px}
.feature-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);gap:20px}.feature-panel{padding:24px;min-width:0}.feature-panel h2{margin:0 0 16px;font-size:1.08rem}.feature-panel p{color:var(--text);font-size:.84rem;line-height:1.7}
.station-plan{position:relative;min-height:330px;border:2px solid #9cb7ab;border-radius:14px;background:repeating-linear-gradient(0deg,transparent,transparent 29px,#e8efec 30px),repeating-linear-gradient(90deg,#f6faf8,#f6faf8 29px,#e8efec 30px);margin:12px 0 18px;overflow:hidden}
.station-area{position:absolute;border:1px solid #c9d9d1;border-radius:8px;padding:13px 8px;color:#688576;font-size:.75rem;text-align:center;background:#fffffff0}.station-area.one{left:6%;top:9%;width:43%;height:36%}.station-area.two{right:6%;top:9%;width:35%;height:36%}.station-area.three{left:6%;bottom:9%;width:88%;height:31%}
.station-point{position:absolute;z-index:1;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;border:3px solid #fff;background:var(--green);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 2px 10px #0d392e33}
.station-point[aria-pressed="true"]{background:var(--navy);outline:3px solid #54c7a5;outline-offset:2px}.station-history{margin:0;padding:0;list-style:none}.station-history li{padding:14px 0;border-bottom:1px solid var(--line)}.station-history strong,.station-history small{display:block}.station-history strong{font-size:.8rem}.station-history small{font-size:.72rem;color:var(--muted);margin-top:6px}
.signature-box{margin:18px 0 12px;border:1px dashed #a9beb5;border-radius:12px;overflow:hidden;background:#fff}.signature-box canvas{display:block;width:100%;height:160px;touch-action:none}.signature-box>small{display:block;padding:9px 12px;color:var(--muted);background:var(--soft);font-size:.68rem}.signature-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.signature-result{color:var(--green);font-size:.76rem;font-weight:700}.signature-image{width:100%;height:auto;max-height:160px;object-fit:contain;background:#fff;border-bottom:1px solid var(--line)}
.document-card{padding:20px;border:1px solid var(--line);border-radius:13px;background:#fff}.document-card h3{margin:10px 0;font-size:.95rem}.document-card p{font-size:.78rem;color:var(--muted);line-height:1.7;margin:0 0 14px}
.signature-section h3{font-size:.85rem;margin:20px 0 8px}.signature-section .detail-grid{margin-bottom:18px}
.portal-visit{padding:18px 0;border-bottom:1px solid var(--line)}.portal-visit strong,.portal-visit small{display:block}.portal-visit small{margin-top:6px;color:var(--muted);font-size:.74rem}.portal-visit button{margin-top:12px}
@media(max-width:1000px){.feature-layout{grid-template-columns:1fr}}
@media(max-width:640px){.role-choices{grid-template-columns:1fr}.portal-cards{grid-template-columns:1fr}.feature-panel{padding:18px}.station-plan{min-height:285px}.feature-heading h1{font-size:1.55rem}.portal-card{padding:20px}.signature-controls>button{flex:1}.feature-layout{gap:14px}}