/* Timer information: shared settings, six modes, then optional technical references. */
.timer-mode-guide{margin-top:36px;padding-top:28px}
.timer-mode-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.timer-mode-heading h3{display:flex;align-items:center;gap:12px;font-size:24px;line-height:1.5;color:var(--t-navy);font-weight:650;letter-spacing:-.025em}
.timer-mode-heading .t-icon{width:34px;height:34px}
.timer-mode-heading>p{font-size:13px;line-height:1.7;color:var(--t-muted)}
.timer-common{display:flex;flex-wrap:wrap;gap:8px 28px;padding:14px 18px;margin:17px 0 8px;list-style:none;background:#f2f6fb;border:1px solid #e0e8f1;border-radius:3px;color:#526e8c;font-size:13px;line-height:1.7}
.timer-common strong{font-weight:550;color:var(--t-navy);margin-right:7px}
.timer-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px}
.timer-mode-card{padding:22px 0 21px;border-bottom:1px solid #dce5ef;min-width:0}
.timer-mode-top{display:flex;align-items:center;gap:18px;margin-bottom:10px}
.timer-mode-top img{display:block;width:76px;height:72px;object-fit:contain;flex:none}
.timer-mode-top>span{font-family:Temco Model,Temco Sans,sans-serif;font-size:27px;font-weight:550;color:var(--t-blue);line-height:1.2}
.timer-mode-card h4{font-size:18px;font-weight:650;line-height:1.5;letter-spacing:-.025em;color:var(--t-navy);margin:0 0 6px}
.timer-mode-card>p{font-size:14px;color:#526e8c;line-height:1.75;margin:0;max-width:320px}
.timer-source-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 0 0}
.timer-source-row>p{font-size:12px;color:var(--t-muted);line-height:1.7}
.timer-source-row>div{display:flex;gap:12px;flex-wrap:wrap}
.timer-source-row a{display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:13px;font-weight:500;color:var(--t-navy);padding:10px 12px;border:1px solid #ccdaea;border-radius:3px}
.timer-source-row a>span{font-size:10px;color:var(--t-blue);white-space:nowrap}
.timer-source-row a:hover{background:#f3f8ff}
@media(min-width:701px) and (max-width:1000px){.timer-mode-heading{align-items:flex-start}.timer-mode-grid{column-gap:22px}.timer-mode-top{gap:12px}.timer-mode-top img{width:66px;height:62px}.timer-mode-top>span{font-size:24px}.timer-mode-card h4{font-size:17px}.timer-mode-card>p{font-size:13px}.timer-source-row{align-items:flex-start}}
@media(max-width:700px){
 .timer-mode-guide{margin-top:25px;padding-top:22px}
 .timer-mode-heading{display:block}
 .timer-mode-heading h3{font-size:21px;gap:10px}
 .timer-mode-heading .t-icon{width:30px;height:30px}
 .timer-mode-heading>p{font-size:12px;margin-top:9px}
 .timer-common{padding:11px 12px;gap:5px 17px;font-size:11px;margin:14px 0 3px}
 .timer-common strong{margin-right:4px}
 .timer-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
 .timer-mode-card{padding:18px 0}
 .timer-mode-top{gap:8px;margin-bottom:9px}
 .timer-mode-top img{width:54px;height:51px}
 .timer-mode-top>span{font-size:21px}
 .timer-mode-card h4{font-size:15px;line-height:1.6;margin-bottom:5px}
 .timer-mode-card>p{font-size:12px;line-height:1.75}
 .timer-source-row{display:block;padding-top:15px}
 .timer-source-row>p{font-size:11px;margin-bottom:10px}
 .timer-source-row>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .timer-source-row a{font-size:11px;gap:8px;padding:10px}
}
@media(max-width:350px){.timer-mode-grid{grid-template-columns:minmax(0,1fr)}.timer-mode-top{gap:15px}.timer-mode-top img{width:62px;height:58px}.timer-mode-card h4{font-size:16px}.timer-source-row>div{grid-template-columns:1fr}}